<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="style.css" rel="stylesheet" type="text/css" /><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
</head>

<body>

<div class="container">
  <div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="20%" height="90" id="Insert_logo" style="display:block;" /></a> 
    <!-- end .header --></div>
  <div class="wrap">
    <div class="sidebar1">
      <ul class="nav">
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
      </ul>
      <!-- end .sidebar1 -->
    </div>
    <div class="content">
      <ul class="link-box">
        <li class="link-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
        <li class="link-url">www.exemple.fr</li>
        <li class="link-description">Nam feugiat quam eget nunc pellentesque sed mollis dolor tincidunt. Curabitur accumsan auctor rhoncus.</li>
        <li class="link-date">14 Février 2013</li>
      </ul>
      <ul class="link-box">
        <li class="link-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
        <li class="link-url">www.exemple.fr</li>
        <li class="link-description">Nam feugiat quam eget nunc pellentesque sed mollis dolor tincidunt. Curabitur accumsan auctor rhoncus.</li>
        <li class="link-date">14 Février 2013</li>
      </ul>
      <ul class="link-box">
        <li class="link-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
        <li class="link-url">www.exemple.fr</li>
        <li class="link-description">Nam feugiat quam eget nunc pellentesque sed mollis dolor tincidunt. Curabitur accumsan auctor rhoncus.</li>
        <li class="link-date">14 Février 2013</li>
      </ul>
      <h4>Backgrounds</h4>
      <p>By nature, the background color on any div will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content div will always contain more content, you can place a border on the .content div to divide it from the column.</p>
      <!-- end .content -->
    </div>
  </div>
  <div class="footer">
    <p>This .footer contains the declaration position:relative; to give Internet Explorer 6 hasLayout for the .footer and cause it to clear correctly. If you're not required to support IE6, you may remove it.</p>
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
</html>
